﻿@model Kratos.Modules.Test.Models.Employee
@{
    ViewBag.Title = "SysType";
}
<style>
    #tab-main ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #tab-main ul li
    {
        float: left;
        cursor: pointer;
        margin-right: 4px;
        border: 1px solid #cccccc;
        padding-left: 4px;
        padding-right: 4px;
        height: 24px;
        line-height: 24px;
    }
</style>
<h2>
    SysType</h2>
<br />
<div id="nav" style="float: left; width: 200px; border: 1px solid #cccccc;">
    <ul>
        <li>我们都是好孩子</li>
        <li>希望你们都过得好</li>
        <li>我怎么样已经无所谓了</li>
    </ul>
</div>
<div id="tab-panel" style="float: left; width: 1200px; border: 1px solid #cccccc;
    margin-left: 15px; padding: 4px;">
    <div id="tab-main">
        <ul>
            <li><a href="#tabs-1">呼叫中心</a></li>
            <li><a href="#tabs-2">客户管理系统</a></li>
            <li><a href="#tabs-3">Kratos日常办公</a></li>
        </ul>
    </div>
</div>
@******************@
<script>
    $(function () {

        $("#nav li").each(function () {
            $(this).click(function () {
                var li = $("<li>" + $(this).html() + "</li>");
                li.click(function () { $(this).remove(); });
                $("#tab-main ul").append(li);
            });
        });

        $("#tab-main li").each(function () {
            $(this).click(function () {
                $(this).remove();
            });
        });
    })
</script>
